

img {
  display: block;
  width: 100%;
  height: auto;
}

.square {
	border-radius : 0px;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}


.dark-primary-color    { background: #1976D2; }
.default-primary-color { background: #2196F3; }
.light-primary-color   { background: #BBDEFB; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #FF5252; }
.accent-text-color     { color: #FF5252; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #909090; }
.divider-color         { border-color: #BDBDBD; }




.profile-img-button{

}
.container{
	max-width:80%;
    min-width:1000px;
}
.view-container{
	width: 100%
}



.login{
    width: 50%;
    margin-left:25%;
    text-align: center;
    margin-top:20%;
}


.column{
    min-width: 20vw;
}



